{% load static %}
<html>

<!-- Head -->
<head>

	<title>登录</title>

	<!-- Meta-Tags -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	<!-- //Meta-Tags -->

	<!-- Style --> <link rel="stylesheet" href="/static/css/style_login.css" type="text/css" media="all">



</head>
<!-- //Head -->

<!-- Body -->
<body>

	<h1>
         给你一个起点
    </h1>
{#    ,去空想,去渴望,去追求,去得到#}
	<div class="container w3layouts agileits">

		<div class="login w3layouts agileits">
			<h2>登 录</h2>
            <script>
            function changeTL() {
                        var thisTL = document.getElementById('PasswordL').type;
                        if (thisTL === "password"){
                            document.getElementById('PasswordL').type = "text";
                            document.getElementById('chBL').value = "隐藏密码";
                        }
                        else{

                            document.getElementById('chBL').value = "显示密码";
                            document.getElementById('PasswordL').type = "password";
                        }
                }
            </script>
			<form action="/index/login/" method="post">
				<input type="text" Name="Username" placeholder="用户名" required="">
                <div id="changePWL">
				    <input type="password" Name="Password" id="PasswordL" placeholder="密码" required="">
                </div>
                <input type="button" id="chBL" onclick="changeTL()" value="显示密码" style="width: 70px;height: 25px;background-color: rgba(10, 10, 10, 0.772549);color: white;border-width:1px;border-color:#395A8C ;font-size:15px;">

			<ul class="tick w3layouts agileits">
				<li>
					<input type="checkbox" id="brand1" value="">
					<label for="brand1"><span></span>记住我</label>
				</li>
			</ul>
			<div class="send-button w3layouts agileits">

					<input type="submit" value="登 录">

			</div>
			<a href="#">记住密码?</a>

			<div class="clear"></div>
            </form>
		</div><div class="copyrights"><a href="http://www.cssmoban.com/" ></a></div>
		<div class="register w3layouts agileits">
			<h2>注 册</h2>
            <script>
{#            方法一#}
{#                function changeP(){#}
{#                    var temp=document.getElementById('pw').value;#}
{#                    if(this.checked) {#}
{#                        document.getElementById('pass').innerHTML='<input type=text id=pw name=pw>';#}
{#                    }#}
{#                    else{#}
{#                        document.getElementById('pass').innerHTML='<input type=password id=pw name=pw>';#}
{#                    }#}
{#                    document.getElementById('pw').value=temp;#}
{##}
{#            }#}
{#            方法二#}
                function changeT() {
                        var thisT = document.getElementById('Password').type;
                        if (thisT === "password"){
                            document.getElementById('Password').type = "text";
                            document.getElementById('chB').value = "隐藏密码";
                        }
                        else{
                            var temp = document.getElementById('Password').value;
                            document.getElementById('changePW').innerHTML='<input type="password" Name="Password" id="Password" placeholder="密码">';
                            document.getElementById('Password').value = temp;
                            document.getElementById('chB').value = "显示密码";
{#                            document.getElementById('Password').type = "password"; IE条件下不行#}
                        }
                }
            </script>
			<form action="/index/register/" method="post">
				<input type="text" Name="Username" placeholder="用户名" required="">
                <div id="changePW">
                    <input type="password" Name="Password" id="Password" placeholder="密码" required="">

                </div>
            <input type="button" id="chB" onclick="changeT()" value="显示密码" style="width: 70px;height: 25px;background-color: rgba(10, 10, 10, 0.772549);color: white;border-width:1px;border-color:#395A8C ;font-size:15px;">
{#                方法三#}
{#                <span id="pass"><input type="text" id=pw name="pw" value="www.ayeah.com"></span>#}
{#                <input type="button" id="showpw" onclick="changeP()">#}
{#                <input TYPE="checkbox" id="showPass" onclick="var temp=document.getElementById('pw').value;#}
{#                    if(this.checked) {#}
{#                        document.getElementById('pass').innerHTML='<input type=text id=pw name=pw>';#}
{#                    }#}
{#                    else{#}
{#                        document.getElementById('pass').innerHTML='<input type=password id=pw name=pw>';#}
{#                    }#}
{#                    document.getElementById('pw').value=temp;">显示密码#}
				<input type="text" Name="Email" placeholder="邮箱" required="">
{#                <input type="text"  placeholder="让奇点更懂你，选择就业类型" required="">#}
			<div class="send-button w3layouts agileits">
					<input type="submit" value="加入奇点">

			</div>
            </form>
			<div class="clear"></div>
		</div>

		<div class="clear"></div>

	</div>

	<div class="footer w3layouts agileits">
		<p>Copyright &copy; Collect of Data from <a href="/index" title="网页模板" target="_blank">奇点就业分析</a></p>
	</div>

</body>
<!-- //Body -->
<script>
    {% if Message is not None  %}
        alert('{{ Message }}');
    {% endif %}

</script>
</html>